.register-container {
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: url("src/assets/img/background/registerBackground.jpg");
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100vh;
}

.register-card {
  position: absolute;
  width: 25%;
  aspect-ratio: 1 /1;
  height: auto;
  background-color: rgb(245, 244, 242);
  font-family: Poppins;
  display: flex;
  justify-content: center;
  align-items: center;
  .ant-card-body {
    height: 95%;
    margin: 5%;
    padding: 1%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
}
.Form {
  height: 100%;
  .ant-form-item,
  .ant-row,
  .ant-form-item-control-input,
  .ant-form-item-control-input-content {
    height: 100%;
  }
}

.resgister-title-container {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 5%;
}

.register-form-container {
  flex: 2;

  display: flex;
  flex-direction: column;
  margin-top: 5%;
  width: 100%;
}

.register-title {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 1%;
  color: rgb(51, 51, 51);
  font-size: 34px;
  font-weight: bold;
}
.register-subtitle {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  color: rgb(51, 51, 51);
  font-size: 15px;

  .register-subtitle-link {
    font-weight: bold;
    text-decoration: underline;
  }
}

.content-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 13px;
  height: 100%;

  .email-label,
  .password-label {
    margin-bottom: 1%;
  }

  .subimit-button {
    width: 100%;
    margin-top: 5%;
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    .register-button {
      height: 50%;
      width: 100%;
      background-color: cadetblue;
    }
  }
  .password-container {
    flex: 1;
    width: 100%;
  }
  .email-container {
    width: 100%;
    flex: 1;
  }
}

.tip-container {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 300px;
}
